<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>基本组件2-徽章与剧幕</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
        <div class="jumbotron">
            <div class="container">
                <h1>helo world剧幕剧幕剧幕</h1>
                <p>剧幕剧幕剧幕剧幕剧幕剧幕</p>
                <p><a href="#" class="btn btn-info btn-lg">learn more</a></p>
            </div>

        </div>
        <div class="container">
            <a href="#"><span class="badge">30徽章</span></a>
            <button class="btn btn-success"type="button">Message <span class="badge">100徽章</span></button>
        </div>
         <ul class="nav nav-pills"role="rablist">
         <li class="active"role="presentation"><a href="#">Home <span class="badge">10徽章</span></a></li>
         <li class=""role="presentation"><a href="#">Home <span class="badge">103徽章</span></a></li>
         <li class="\"role="presentation"><a href="#">Home <span class="badge">10徽章</span></a></li>
         </ul>
</body>
</html>